<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<html>
<head>
<%@ include file="common.jsp"%>

<title><%=proName%></title>
<link type="text/css" rel="stylesheet"
	href="<%=rootPath%>/css/manage/selectResult.css" />
<script type="text/javascript">
	
</script>
</head>

<body>
	<jsp:include page="./menu.jsp"></jsp:include>
	<div id="body">
		<div id="navTop">
			<div class="bg_left"></div>
			<div class="bg_main"></div>
			<div class="bg_right"></div>
		</div>
		<div id="userManager">
			<table width="100%" cellpadding="0" cellspacing="0" border="0"
				class="maintable">
				<tr>
					<th colspan="4" align="left" valign="middle">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<th><span id="search_icon" class="search_icon"></span></th>
								<th height="30px"><span style="margin-left: 2px;">素材管理</span>
								</th>
							</tr>
						</table>
					</th>
				</tr>
				<tr>
					<td colspan="4" align="left" valign="middle">
						<table cellpadding="0" cellspacing="0">
							<tr>
								<th height="30px"><input id="tab_news" type="button"
									onclick="addSingleArticle()"
									class="ui-button ui-widget ui-state-default ui-corner-all"
									role="button" aria-disabled="false" value="图文消息"
									onmouseover="this.style.background='#FFF18B'"
									onmouseout="this.style.background='#F1EDD2'"
									style="background: #FFF18B" /></th>
								<th height="30px"><input id="tab_image" type="button"
									onclick="addManyArticles()"
									class="ui-button ui-widget ui-state-default ui-corner-all"
									role="button" aria-disabled="false" value="图片库"
									onmouseover="this.style.background='#FFF18B'"
									onmouseout="this.style.background='#F1EDD2'" /></th>
								<th height="30px"><input id="reset" type="button"
									onclick="addManyArticles()"
									class="ui-button ui-widget ui-state-default ui-corner-all"
									role="button" aria-disabled="false" value="语音"
									onmouseover="this.style.background='#FFF18B'"
									onmouseout="this.style.background='#F1EDD2'" /></th>
								<th height="30px"><input id="reset" type="button"
									onclick="addManyArticles()"
									class="ui-button ui-widget ui-state-default ui-corner-all"
									role="button" aria-disabled="false" value="视频"
									onmouseover="this.style.background='#FFF18B'"
									onmouseout="this.style.background='#F1EDD2'" /></th>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td>
						<table id="newRule" class="maintable" width="95%"
							cellpadding="0px" cellspacing="25px"
							style="margin-left: auto; border: 0px #ccc solid; margin-bottom: 20px; display: block; float: left;">
							<tr><td>新建图文消息</td></tr>
							<tr>
								<td id="" valign="top" style="width: 33%">

									<table id="newRule" class="maintable" width="100%"
										cellpadding="0px" cellspacing="25px"
										style="margin-left: auto; margin-bottom: 20px;">
										<tr>
											<td id="col_1" valign="top" style="width: 33%">
												<table class="maintable" width="100%" style="margin-left: 3%; border: 1px #ccc solid; margin-bottom: 20px;">
													<tr id="article_0" style="height: 174px;">
														<th colspan="2" style="background: black; width: 100%; height: 174px; border-bottom: 1px solid #ccc;">
															<div style="height: 174px; width: 100%; overflow: hidden; position: relative;">
																<img src="" width="100%" />
																<div style="width: 100%;height:173px;background: #CCC;text-align: center;line-height: 173px;font-size: 16px;display: block;">封面</div>
																<div style="height: 30px; background: black; filter: alpha(opacity = 50); opacity: 0.8; position: absolute; left: 0; bottom: 0; width: 100%;">
																	<h2 style="color: white; text-align: left; padding-left: 15px; line-height: 30px;">标题</h2>
																</div>
															</div>
														</th>
														<td>
															<a href="#">编辑</a>
														</td>
													</tr>
													<tr id="article_1" style="height: 80px;">
														<td style="border-bottom: 1px solid #ccc;">
															标题</td>
														<td width="30%" style="border-bottom: 1px solid #ccc;">
															<img src="" width="100%" />
															<div style="width: 95%;height:65px;background: #CCC;text-align: center;line-height: 65px;">缩略图</div>
														</td>
														
														<td>
															<a href="#">编辑</a><a href="#">删除</a>
														</td>
													</tr>
													<tr>
														<td style="cursor: pointer;border: 1px dotted black;background: #CCC" colspan="3" align="center" onclick="addNewArticle()"><font size="16">+</font></td>
													</tr>
												</table>
											</td >
											<td id="col_2" valign="top" style="width: 66%">
												<form action="" method="post">
												<table id="article_0" class="maintable" width="100%"
													style="margin-left: 3%; border: 1px #ccc solid; margin-bottom: 20px; display: block; float: left;">
													<tr style="height: 30px;">
														<td>标题:</td>
														<td><input type="text" name="articles[0].title"/></td>
													</tr>
													<tr style="height: 30px;">
														<td>描述:</td>
														<td >
															<textarea rows="2" cols="30" name="articles[0].description"></textarea>
														</td> 
													</tr>
													<tr style="height: 30px;">
														<td>封面:</td>
														<td>
															<input type="file" id="file_0" name="file" onchange="uploadPic('file_0')"/>
															<input id="pic_0" type="hidden" name="articles[0].picUrl"/>
														</td>
													</tr>
													<tr style="height: 80px;">
														<td>&nbsp;</td>
														<td>
															<div id="showPic_0" style="display: none;">
															<img src="<%=rootPath%>/images/weixin/speak.jpg" width="80px" />
															<a href="deletePic('pic_0')">删除</a>
															</div>
														</td>
													</tr>
													<tr style="height: 30px;">
														<td>连接地址:</td>
														<td><input type="text" name="articles[0].url"/></td>
													</tr>
												</table>
												<table id="article_1" class="maintable" width="100%"
													style="margin-left: 3%; border: 1px #ccc solid; margin-bottom: 20px; display: none; float: left;">
													<tr style="height: 30px;">
														<td>标题:</td>
														<td><input type="text" name="articles[1].title"/></td>
													</tr>
													<tr style="height: 30px;">
														<td>描述:</td>
														<td >
															<textarea rows="2" cols="30" name="articles[1].description"></textarea>
														</td> 
													</tr>
													<tr style="height: 30px;">
														<td>封面:</td>
														<td>
															<input type="file" id="file_1" name="file" onchange="uploadPic('file_1')"/>
															<input id="pic_1" type="hidden" name="articles[1].picUrl"/>
														</td>
													</tr>
													<tr style="height: 80px;">
														<td>&nbsp;</td>
														<td>
															<div id="showPic_1" style="display: none;">
															<img src="<%=rootPath%>/images/weixin/speak.jpg" width="80px" />
															<a href="deletePic('pic_1')">删除</a>
															</div>
														</td>
													</tr>
													<tr style="height: 30px;">
														<td>连接地址:</td>
														<td><input type="text" name="articles[1].url"/></td>
													</tr>
												</table>
												</form>
											</td>
										</tr>
										<tr><td align="center" colspan="2" style="border-top: 1px solid #ccc;padding-top: 5px;">
											<input id="reset" type="button"
											onclick="addManyArticles()"
											class="ui-button ui-widget ui-state-default ui-corner-all"
											role="button" aria-disabled="false" value="保存"
											onmouseover="this.style.background='#FFF18B'"
											onmouseout="this.style.background='#F1EDD2'" />
										</td></tr>
									</table> <!-- tianjia guize biao end -->

								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
			<div id="pagernav"></div>
			<div id="rolesDialog" style="display: none; height: 300px">
				<div id="treeScroll">
					<div id="treebox_group"></div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include page="./footer.jsp"></jsp:include>
</body>
</html>
